$bar-height = 30px;

.status-bar {
  // border-top: 1px solid transparent;
  display: flex;
  align-items: stretch;
  min-height: $bar-height;
  noSelect();

  .status-widget-container {
    display: flex;
    &.right {
      margin-left: auto;
    }
  }

  .status-bar-menu-item {
    display: flex;
    align-items: center;
    padding: 0 8px;
    cursor: pointer;
    position: relative;
    > .menu {
      right: 6px;
      bottom: $bar-height;
      min-width: 200px;
    }
  }

  .toggle-layout {
    padding: 0 8px;
  }

  .status-messages {
    display: flex;
    align-items: center;
    .status-message {
      margin-right: 0.5em;
    }
    .status-message + .status-message {
      &:before {
        content: '|';
        margin-right: 0.5em;
      }
    }
  }
  .status-bar-upload {
    padding: 0 8px;
    // line-height: $bar-height;
    display: flex;
    position: relative;
    .fa {
      line-height: $bar-height;
      margin-right: 4px;
    }
    .upload-messages {
      display: flex;
      align-items: center;
    }
  }
}
